<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>



        <title>Red Sea Bio-geographic Information System</title>
        <?php include_http_metas() ?>
        <?php include_metas() ?>

        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

        
        <link rel="stylesheet" href="/css/visualization.css"></link>

        <link rel="shortcut icon" href="/favicon.ico" />

<!--        <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;&v=2&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxSPW5CJgpdgO_s4yyMovOaVh_KvvhSfpvagV18eOyDWu7VytS6Bi1CWxw"></script>-->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="/js/jquery/jquery.js"></script>
        <script type="text/javascript" src="/js/jquery/custom-jquery-rbis/jquery-ui-1.8.12.custom.min.js"></script>
<!--        <script type="text/javascript" src="/js/jquery/jquery.autocomplete.js"></script>-->
        
        <script type="text/javascript" src="/js/jquery/grid/src/i18n/grid.locale-en.js"></script>
        <script type="text/javascript" src="/js/jquery/grid/src/grid.base.js"></script>
        <script type="text/javascript" src="/js/jquery/grid/src/grid.common.js"></script>
        <script type="text/javascript" src="/js/general/general.js"></script>
<!--        <link rel="stylesheet" href="/css/jquery/theme/ui-lightness/jquery.ui.all.css"/>-->
        <link rel="stylesheet" href="/css/jquery/theme/custom-jquery-rbis/jquery-ui-1.8.12.custom.css"/>
        <link rel="stylesheet" href="/css/jquery/jquery.autocomplete.css"/>
        <link rel="stylesheet" href="/css/jquery/grid/ui.jqgrid.css"></link>
        
        <script type="text/javascript" src="/js/jquery/jquery.defaultText.js"></script>
<!--        <script type="text/javascript" src="/js/jquery/ui/jquery.ui.core.js"></script>
        <script type="text/javascript" src="/js/jquery/ui/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="/js/jquery/ui/jquery.ui.button.js"></script>
        <script src="/js/jquery/ui/jquery.ui.accordion.js"></script>
        <script src="/js/jquery/ui/jquery.ui.mouse.js"></script>
        <script src="/js/jquery/ui/jquery.ui.slider.js"></script>
        <script src="/js/jquery/ui/jquery.ui.tabs.js"></script>-->
<!--        <script type="text/javascript" src="/js/Flot/jquery.flot.js"></script>
        <script language="javascript" type="text/javascript" src="/js/Flot/excanvas.js"></script>
        <script language="javascript" type="text/javascript" src="/js/Flot/jquery.flot.pie.js"></script>-->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        

        <?php include_javascripts() ?>
        <?php include_stylesheets() ?>
        
        <script type="text/javascript">
          





            
        </script>




       


    </head>
    <body>
        <table id="header" cellpadding="0" cellspacing="0">
            <tr>
                <?php if( !$sf_user->isAuthenticated()): ?>
                <td class="logocell" align="center">
                    <img src="/images/rbis_text.png" width="77px"/>
                </td>
<!--                <td width="55%" style="padding-left: 10px; padding-right: 20px; ">
                    <?php //include_component('login', 'Showloginbox'); ?>
                </td>-->
                <td width="55%" style="padding-left: 10px; padding-right: 20px; ">
<ul id="menu">
    <li><a id="btnPublication" style="cursor: pointer" title="Publication">Home</a></li>
        
    <li><a id="btnRegistration" href="<?php echo url_for('login/newAccount'); ?>" style="cursor: pointer" title="Publication">Registration</a></li>
<!--    <li><a href="#" title="about">about</a></li>-->
    <li><a id="btnVisualization" href="#" style="cursor: pointer" title="Visualization">Visualization</a></li>
    <li><?php echo link_to1('Feedback', 'https://spreadsheets.google.com/spreadsheet/viewform?formkey=dEFNM2FxN1EyTG9NRFdXTXBFeHZRanc6MQ', array('id' => 'btnsurvey', 'title' => 'Feed Back Survey')); ?></li>
    

	
</ul>

                    
                </td>
                <td align="right">
                    <div>
                        <table cellpadding="0" cellspacing="0">
                            <tr><td>

                                    <ul id="menu">
<!--	<li><a href="#" title="Visualization">help</a></li>-->


</ul>
                                   
                                </td>
                                <td>
                                    <a href="<?php echo url_for('general/help') ?>">
                                        <span class="headerspan">Help</span>
                                    </a>

                                </td>
                                <td style="border-right: solid 1px #b4c8d5; padding-left: 3px;padding-right: 10px"></td>
                                
<!--                                    <form action="<?php //echo url_for('login/newAccount') ?>" name="Register" method="GET">
                                        <div id="compGroupB" class="clearfix">
                                            <button id="btnSignUp" style="height: 20px; font-size: 10px" onclick="document.Register.submit();return false;">Sign Up</button>
                                        </div>
                                    </form>-->
                                    <td style="padding-left: 0px; padding-right: 5px">
<!--                                  <a onclick="showAsDialog(250,150,28,1170,false,'loginwindow')" style="cursor: pointer"><span class="headerspan">Sign In / Register</span></a>-->

                                        <?php include_component('login', 'Showloginbox'); ?>

                              </td>

                                
                            </tr>
                        </table>
                    </div>
                </td>
                <?php else: ?>
                <td class="logocell" align="center">
                    <img src="/images/rbis_text.png" width="77px"/>
                </td>
                <td width="55%" style="padding-left: 10px; padding-right: 20px; ">
                    <ul id="menu">
                        <li><?php echo link_to1('Home', 'home/index', array('id' => 'btnHome', 'style' => 'height: 20px;')); ?></li>
                        <li><?php echo link_to1('Messages', 'home/messages', array('id' => 'btnMessage', 'style' => 'height: 20px;')); ?></li>
                        <li><?php echo link_to1('Visualization', 'main/index', array('id' => 'btnVisualization', 'style' => 'height: 20px; ')); ?></li>
                        <li><?php echo link_to1('Feedback', 'https://spreadsheets.google.com/spreadsheet/viewform?formkey=dEFNM2FxN1EyTG9NRFdXTXBFeHZRanc6MQ', array('id' => 'btnsurvey', 'title' => 'Feed Back Survey', 'style' => 'height: 20px; ')); ?></li>
                    </ul>
                </td>
                <td align="right">
                    <div>
                        <table cellpadding="0" cellspacing="0">
                            <tr>
<!--                                <td>
                                    <span class="headerspan">Profile</span>
                                </td>-->
                                 <td>
                                    <a href="<?php echo url_for('general/help') ?>">
                                        <span class="headerspan">Help</span>
                                    </a>
                                    
                                </td>
                                <td style="border-right: solid 1px #c3c3b6; padding-left: 3px;padding-right: 3px"></td>
                                <td>
                                    <a href="<?php echo url_for('home/profile') ?>">
                                        <span class="headerspan">Settings</span>
                                    </a>
                                    
                                </td>
                                <td style="border-right: solid 1px #c3c3b6; padding-left: 3px;padding-right: 3px"></td>
                                <td style="padding-left: 5px; padding-right: 20px;">
<!--                                    <form action="<?php //echo url_for('login/logout') ?>" name="Logout" method="GET">-->
                                        <div id="compGroupB" class="clearfix">
                                            <a onclick="logOut()" style="cursor: pointer"><span class="headerspan">Sign Out</span></a>
                                        </div>
<!--                                    </form>-->
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <?php endif; ?>
            </tr>
        </table>



        <div id="content">

            <?php echo $sf_content ?>

        </div>


    </body>
</html>
